<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DetailsPage</title>
</head>
<style>
    html {
        width: 100%;
        user-select: none;
    }

    body {
        width: 100%;
        background-color: transparent;
        /* background-image: url('../pic/bg.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; */
        height: 100%;
        padding: 0;
        margin: 0;
    }

    #contextContainer {
        width: 100%;
        height: 100%;
        display: flex;
        padding-top: 40px;
    }

    .textStyleContainer {
        width: 100%;
        padding: 0 38px;
        background-color: transparent;
        font-family: Source Han Sans CN;
        font-size: 24px;
        line-height: 36px;
        color: #75A4A5;
        overflow-y: scroll;
        display: flex;
        /* flex-direction: column; */
        /* flex-wrap: wrap; */
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: flex-start;
        padding-bottom: 40px;
    }

    .contextList {
        display: flex;
    }

    .contextTitle {
        width: 100%;
        color: #95A4A5;
        line-height: 56px;
        font-size: 34px;
        align-items: center;
        margin: 20px 50px;
    }

    .contextNum {
        width: 40px;
    }

    .contextText {
        width: 90%;
        align-items: center;
    }

    .alertArrow {
        background-image: url('../pic/attentionPic.png');
        background-size: contain;
        background-repeat: no-repeat;
        width: 53px;
        height: 53px;
    }

    .fulImage {
        margin: 20px 0;
        width: 100%;
        height: 100%;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    ::-webkit-scrollbar {
        width: 8px;
        background-image: url("../pic/scrollBottom.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    ::-webkit-scrollbar-thumb {
        background-image: url("../pic/scrollThumb.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
</style>

<body>
    <div id="contextContainer">
        <div class="textStyleContainer" id="newCarContainer"
             onclick="goBack()">
            <div class="contextTitle" id="title" onclick="method1()">
                    今日农业新闻
            </div>
            <div class="contextList">
                <div class="contextNum searchText">1. </div>
                <div class="contextText searchText">
                    聚焦农业绿色发展 中外专家共话农业创新。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">2. </div>
                <div class="contextText searchText">
                    主汛期农业如何防灾减灾救灾？四部门联合印发预案。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">3. </div>
                <div class="contextText searchText">
                    习近平对进一步做好“四好农村路”建设作出重要指示。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">4. </div>
                <div class="contextText searchText">
                    发展新质生产力 推动农业高质量发展。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">5. </div>
                <div class="contextText searchText">
                    学习借鉴经验 深化交流合作 携手推进农业产业高质量发展。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">6. </div>
                <div class="contextText searchText">
                    确保夏粮颗粒归仓 看田间地头的农业新科技。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">7. </div>
                <div class="contextText searchText">
                    为夏粮丰收图景添上“科技色”。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">8. </div>
                <div class="contextText searchText">
                    马有祥分别会见毛里塔尼亚渔业和海洋经济部部长拉姆、农业部部长哈马胡拉和畜牧业部秘书长塔利布。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">9.</div>
                <div class="contextText searchText">
                    农业农村部种业管理司召开视频会 部署严格品种管理强化种业市场监管工作。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">10. </div>
                <div class="contextText searchText">
                    中央网信办、农业农村部有关负责同志就《数字乡村建设指南2.0》答记者问。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">11. </div>
                <div class="contextText searchText">
                    农业农村部发布第784号公告：公布209家珍贵濒危水生动物增殖放流苗种供应单位。
                </div>
            </div>
            <div class="contextList">
                <div class="contextNum searchText">12. </div>
                <div class="contextText searchText">
                    2024年长江流域水生生物资源监测工作会议在四川成都召开。
                </div>
            </div>
            <div class="contextList">
                <div class="alertArrow"></div>
                <div class="contextText searchText" style="margin-left:10px">
                    注意：
                </div>
            </div>
            <div class="contextList" style="align-items: center;">
                <div class="contextNum"></div>
                <div class="contextText searchText" style="margin-left:25px">
                    1.我国农业碳排放实现总量和强度“双降”。
                </div>
            </div>
            <div class="contextList" style="align-items: center;">
                <div class="contextNum"></div>
                <div class="contextText searchText" style="margin-left:25px">
                    2.2024全民营养周暨“5·20”中国学生营养日主场活动在北京举行。
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">

    function goBack() {
        myInterface.goBack(true, document.getElementById('title').innerHTML.trim());//调用Android方法
    }

    function setTitle(title) { //此方法在Android Java代码中被调用
        document.getElementById('title').innerHTML = title; //把新标题设置到页面上
        myInterface.onTitleUpdate(true, title); //调用Android方法,提示新标题已经设置
    }

</script>

</html>